<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
  <meta content="telephone=no" name="format-detection" />
  <link rel="icon" href="favicon.ico" type="image/x-icon" />
  <title>Tenvi Avatar Box</title>
</head>

<body class="singe-view">
  <div id="app" v-cloak>
    <nav-bar></nav-bar>
    <div class="views">
      <over-view v-show="activedView === 'overview'"></over-view>
      <avatar-edit v-show="activedView === 'avater'"></avatar-edit>
      <action-edit v-show="activedView === 'action'"></action-edit>
      <option-edit v-show="activedView === 'option'"></option-edit>
    </div>
    <tab-bar></tab-bar>
    <canvas id="painter" width="224" height="160" v-show="false"></canvas>
  </div>

  <script src="index.js" type="text/javascript"></script>
</body>

</html>